body,
html {
    background: #dbdba0;
}

// 轮播图
.swiper {
    width: 100%;
    height: 200px;
}

.swiper .swiper-wrapper img {
    width: 100%;
    height: 200px;
}

main {
    overflow: scroll;

    .info-box {
        // 该页面几个模块公共部分
        background: #f4f4ec;
        padding: 10px 0;
        margin-bottom: 20px;

        a {
            color: #c1c161;
        }

        .info-duck {
            height: 40px;
            margin-right: 10px;
            border-radius: 50%;
        }

        &:last-of-type {
            margin-bottom: 0;
        }

        // 用户名
        .info-name {
            .info-head {
                width: 100px;
                height: 100px;
                border: 2px solid #b5c508;
                border-radius: 50%;
                margin-right: -22px;
            }

            .info-vip {
                width: 30px;
                height: 30px;
                top: 34px;
            }

            p {
                color: #048c18;
            }

            // 我的页面右边的箭头
            .icon-shezhi-youjiantou {
                width: 30px;
                height: 30px;
                font-size: 30px !important;
            }
            

        }

        .info-sign {
            margin-top: 10px;
            color: #565554;
        }




        // 累计打卡
        .info-clock {
            .info-num {
                span:nth-child(2) {
                    color: #f1761f;
                }
            }

            .info-today {
                background-color: #f4a05b;
                height: 30px;
                border-radius: 15px;
                line-height: 30px;
                padding: 0 10px;
                color: #fff;
            }

        }

        // 个人动态
        .info-person {

            .icon-shezhi-youjiantou {
                width: 30px;
                height: 30px;
                font-size: 30px !important;
            }

        }

        // 运动数据
        .info-bottom {
            margin-top: 10px;

            .info-data {
                width: 50%;
                height: 70px;
                padding-left: 5px;

                .info-dataone {
                    margin-bottom: 10px;
                    color: rgb(129, 126, 126);
                }

                span {
                    font-size: 40px;
                    color: #c1c161;
                }

            }

            .onea {
                border-right: 1px dotted rgb(129, 126, 126);
            }
        }

        // 运动徽章

        .info-sports {
            line-height: 25px;

            .icon-shezhi-youjiantou {
                font-size: 30px;

            }
        }

        // 运动徽章下面
        .info-sport {
            img {
                width: 70px;
                height: 70px;
                border-radius: 50%;
                margin-top: 10px;
            }
        }

        // 退出登录



    }


}


// 页脚
.footerAll {
    background-image: linear-gradient(to right, #c1c161 0%, #c1c161 0%, #d4d4b1 100%);

}